$(document).ready(function(){
	// WebSocket
	var socket = io.connect("http://localhost:8080"); // WICHTIG: Parameter eintragen
	// neue Nachricht
	socket.on('chat', function (data) {
		var zeit = new Date(data.zeit);
		$('#chatContent').append(
			$('<li></li>').append(
				// Uhrzeit
				$('<span>').text('[' +
					(zeit.getHours() < 10 ? '0' + zeit.getHours() : zeit.getHours())
					+ ':' +
					(zeit.getMinutes() < 10 ? '0' + zeit.getMinutes() : zeit.getMinutes())
					+ '] '
				),
				// Name
				$('<b>').text(typeof(data.name) != 'undefined' ? data.name + ': ' : ''),
				// Text
				$('<span>').text(data.text))
		);
		// nach unten scrollen
		//$('body').scrollTop($('body')[0].scrollHeight);
		$('#chatWrapper').animate({ scrollTop: $(document).height() }, "slow"); //shows the last chatline
	});
	// Nachricht senden
	function senden(){
		// Eingabefelder auslesen
		var name = document.getElementById("Username").value; //chatnamen eintragen
		var text = $('#chatText').val();
		// Socket senden
		if(text != "")
			socket.emit('chat', { name: name, text: text });
		// Text-Eingabe leeren
		$('#chatText').val('');
		$('#chatContent').animate({ scrollTop: $(document).height() }, "slow"); //shows the last chatline
	}
	// bei einem Klick
	$('#sendMsg').click(senden);
	// oder mit der Enter-Taste
	$('#chatText').keypress(function (e) {
		if (e.which == 13) {
			senden();
		}
	});
});
